<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购注册页</title>
    <!-- 引入公共样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <!-- 头部 -->
    <header id="header" class="header">
        <div class="black">
            <div class="container clearfix">
                <img class="logoimg fl" src="./imgs/logo10.png" alt="">
                <span class="legocn fl">legochino.cn</span>
                <p class="legocn fr">
                    欢迎光临<span>乐购</span>，
                    <a class="aaa1" href="./signIn.html">请&nbsp;登录\</a> 
                    <a class="aaa2" href="./register.html">注册</a>
                </p>
            </div> 
        </div>
        <div class="head-foot container">
            <p>已有账号，请<a href="#">登录</a></p>
        </div>
    </header>
    <section class="center">
        <div class="count container">
            <p class="p1 clearfix">
                <span>用户名</span>
                <input id="user" type="text" placeholder="您的账户名和登录名">
                <div id="userMsg" class="msg"></div>
            </p>
            <p class="p1">
                <span>设置密码</span>
                <input id="pwd1" type="password" placeholder="建议设置两种字符密码">
                <div id="pwdMsg1" class="msg"></div>
            </p>
            <p class="p1">
                <span>确认密码</span>
                <input id="pwd2" type="password" placeholder="再次输入密码">
                <div id="pwdMsg2" class="msg"></div>
            </p>
            <p class="p1">
                <span>中国+86</span>
                <input id="tel" type="text" placeholder="建议使用常用手机号">
                <div id="telMsg" class="msg"></div>
            </p>
            <p class="p2">
                <span>验证码</span>
                <input class="inp1" type="text" placeholder="请输入验证码">
                <button class="btn1">4479</button>
                <div></div>
            </p>
            <p class="p2">
                <span>手机验证码</span>
                <input class="inp2" type="text" placeholder="输入手机验证码">
                <button class="btn2">获取验证码</button>
                <div></div>
            </p>
            <p class="p3">我已阅读并同意<a href="#">《京东用户注册协议》</a></p>
            <button class="btn3">立即注册</button>
        </div>
    </section>

    <!-- 页尾 -->
    <footer class="footer mt40">
        <div class="foot-bot container">
            <p>
                <a href="">公司简介  |</a>
                <a href="">  Investor Relations  |</a>
                <a href="">  网站联盟  |</a>
                <a href="">  乐购招商  |</a>
                <a href="">  机构销售  |</a>
                <a href="">  手机乐购  |</a>
                <a href="">  官方Blog   |</a>
                <a href="">  热词搜索</a>
            </p>
            <p>Copyright (C) 乐购网 2004-2016, All Rights Reserved</p>
        </div>
    </footer>
    <!-- 引入轮播插件  注意要先引入jQuery库-->
    <script src="./lib/jquery.min.js"></script>

    <!-- 引入当前文件的js -->
    <script src="./js/register.js"></script>
</body>
    
</html>